<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="../css/normal.css">
    <style>
        table tr td {
            width: 160px;
            height: 50px;
            font-size: 22px;
            text-align: center;
            line-height: 50px;
            border: 1px solid #d7d7d7;
        }
        button{
            color: white;
            font-size: 22px;
            width: 80px;
            height: 40px;
            border-radius: 8px;
            border: 0;
        }
        .del{
            margin-left: 20px;
            background-color: red;  
        }
        .alt{
            background-color: skyblue;
        }
        .good span{
            background-color: #fbb905;
        }
        .bad span {
            background-color: red;
        }
    </style>
</head>
<body>
    <!-- 整体-->
    <div class="book-system">
        <!-- 侧边栏 -->
        <div class="left">
            <header>
                <h1>图书管理系统</h1>
            </header>
            <ul class="nav">
                <li>
                    <a href="" class="center">管理中心</a>
                    <ul class="item">
                        <li>
                            <a href=" " class="system">图书管理</a>
                            <ul>
                                <li class="active"><a href="./showbook.html" class="active">浏览图书</a></li>
                                <li><a href="./searchbook.html">查询图书</a></li>
                                <li><a href="./insertbook.html">增加图书</a></li>
                            </ul>
                        </li>
    
                    </ul>
                    <ul class="item">
                        <li>
                            <a href="" class="system">用户管理</a>
                            <ul>
                                <li><a href="../manager-user/showuser.html">浏览用户</a></li>
                                <li><a href="../manager-user/searchuser.html">查找用户</a></li>
                            </ul>
                        </li>
    
                    </ul>
                    <ul class="item">
                        <li>
                            <a href="" class="system">借阅管理</a>
    
                        </li>
    
                    </ul>
                    <ul class="item">
                        <li>
                            <a href="" class="system">账号设置</a>
                        </li>
    
                    </ul>
                </li>
    
            </ul>
        </div>
        <!-- 右边介绍 -->
        <div class="right">
            <!-- 上边栏 头像和介绍 -->
            <footer>
                <div class="welcome">
                    <h1>识万卷之书，得万里之路</h1>
                
                </div>
                <span>北京时间：2023/10/26 周四 17:17:17</span>
                <div class="img">
                    <img src="../images/manager.png" alt="">
                    <span>manager</span>
                </div>
    
            </footer>
            <!-- 内容 -->
            <div class="content">
                <table align="center"  cellpadding="0" cellspacing="0" >
                    <tr>
                        <td>书号</td>
                        <td>类别</td>
                        <td  style="width: 200px;">出版社</td>
                        <td>作者</td>
                        <td style="width: 260px;">书名</td>
                        <td>定价</td>
                        <td>破损情况</td>
                        <td>书皮封面</td>
                        <td style="width: 260px;">操作</td>
                    </tr>
                    <tr>
                        <td>b00001</td>
                        <td>计算机</td>
                        <td>清华大学出版社</td>
                        <td>胡艳菊</td>
                        <td><a href="">SQL server2019数据库原理及应用</a></td>
                        <td>59</td>
                        <td class="good"> <span>完好</span></td>
                        <td><a href="">查看</a></td>
                        <td>
                            <button class="alt">修改</button>
                            <button class="del">删除</button>
                        </td>
                    </tr>
                    <tr>
                        <td>b00002</td>
                        <td>小说</td>
                        <td>未知</td>
                        <td>唐三少</td>
                        <td><a href="">斗罗大陆</a></td>
                        <td>25</td>
                        <td class="good"> <span>完好</span></td>
                        <td><a href="">查看</a></td>
                        <td>
                        <button class="alt">修改</button>
                        <button class="del">删除</button>
                        </td>
                    </tr>
                    <tr>
                        <td>b00003</td>
                        <td>计算机</td>
                        <td>科学出版社</td>
                        <td>阮家栋</td> 
                        <td><a href="">web数据导论</a></td>
                        <td>81</td>
                        <td class="bad"> <span>损坏</span></td>
                        <td><a href="">查看</a></td>
                        <td>
                            <button class="alt">修改</button>
                            <button class="del">删除</button>
                        </td>
                    </tr>
                    <tr>
                        <td> b00004</td>
                        <td>计算机</td>
                        <td>高等教育出版社</td>
                        <td>王珊</td>
                        <td><a href="">数据库系统概论</a></td>
                        <td>36</td>
                        <td class="good"> <span>完好</span></td>
                        <td><a href="">查看</a></td>
                        <td>
                            <button class="alt">修改</button>
                            <button class="del">删除</button>
                        </td>
                    </tr>
                    <tr>
                        <td>b00005</td>
                        <td>文学</td>
                        <td>高等教育出版社</td>
                        <td>赵润华</td>
                        <td><a href="">高等数学</a></td>
                        <td>45</td>
                        <td class="good"> <span>完好</span></td>
                        <td><a href="">查看</a></td>
                        <td>
                            <button class="alt">修改</button>
                            <button class="del">删除</button>
                        </td>
                    </tr>
                    <tr>
                        <td>b00006</td>
                        
                        <td>文学</td>
                        <td>人民文学出版社</td>
                        <td>吴承恩</td>
                        <td><a href="">西游记</a></td>
                        <td>40</td>
                        <td class="good"> <span>完好</span></td>
                        <td><a href="">查看</a></td>
                        <td>
                            <button class="alt">修改</button>
                            <button class="del">删除</button>
                        </td>
                    </tr>
                    <tr>
                        <td>b00007</td>
                        
                        <td>文学</td>
                        <td>人民文学出版社</td>
                        <td>罗贯中</td>
                        <td><a href="">三国演义</a></td>                                            
                        <td>64</td>
                        <td class="good"> <span>完好</span></td>
                        <td><a href="">查看</a></td>
                        <td>
                            <button class="alt">修改</button>
                            <button class="del">删除</button>
                        </td>
                    </tr>
                </table>
            </div>
        </div>
    </div>
</body>
</html>